<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Stock Prices</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/css/style.css" media="all" />
<script type="text/javascript" src="/js/util.js"></script>
<style type="text/css">
/*<![CDATA[*/

body {
    color: #333333;
    line-height: 150%;
}

thead {
    font-weight: bold;
    background-color: #CCCCCC;
}

.odd {
    background-color: #FFCCCC;
}

.even {
    background-color: #CCCCFF;
}

.minus {
    color: #FF0000;
}

/*]]>*/
</style></head>

<body>

  <h1>Stock Prices</h1>

  <table>
   <thead>
    <tr>
     <th>#</th><th>symbol</th><th>name</th><th>price</th><th>change</th><th>ratio</th>
    </tr>
   </thead>
   <tbody>
    <tr rid="data" aid="clazz" class="">
     <td style="text-align: center" eid="id">n</td>
     <td>
      <a eid="symbol" aid="symbol" href="">item.symbol</a>
     </td>
     <td>
      <a eid="name" aid="url" href="">item.name</a>
     </td>
     <td>
      <strong eid="price">item.price</strong>
     </td>
     <td class="minus" eid="bzchange">item.change</td>
     <td class="minus" eid="bzratio">item.ratio</td>
     <td eid="azchange">item.change</td>
     <td eid="azratio">item.ratio</td>
    </tr>
   </tbody>
  </table>

 </body>
</html>